<template>
  <div class="app-container CustomerApplyDetails">
    <el-tabs v-model="activeName">
      <el-tab-pane label="客户编辑" name="1">
        <updateOne :form="form"></updateOne>
      </el-tab-pane>
      <!--<el-tab-pane label="关联合同" name="2">
        <updateTwo></updateTwo>
      </el-tab-pane>
      <el-tab-pane label="联系人" name="3">
        <updateThree></updateThree>
      </el-tab-pane>-->
    </el-tabs>
  </div>
</template>
<style lang="scss">
  .app-main {
    background: #E7E7E7;
  }

  .app-container {
    margin: 15px;
    background: #fff;
    border-radius: 5px;
  }

  .CustomerApplyDetails{
    .list-ditem {
      display: flex;
      align-items: flex-start;
      font-size: 15px;
      color: #595959;
      >div{
        width:180px;
      }
    }
    .el-button{
      display:block;
      margin:30px 15px;
    }
  }
</style>
<script>
  import updateOne from "../component/updateOne";
  import updateTwo from "../component/updateTwo";
  import updateThree from "../component/updateThree";
  import { getCustomer } from "@/api/customer/customer";
  export default {
    name: "CustomerApplyDetails",
    // dicts: ['sys_status', 'contarct_status', 'rent_month_type', 'unit_type'],
    components: {
      updateOne,
      updateTwo,
      updateThree
    },
    data() {
      return {
        activeName:"1",
        form:{}
      };
    },
    created() {
      var id=this.$route.query.id;
      this.form=this.conductionData.customermerchantsdetails||{};
      // console.log(id,this.form);
      if(id){
        getCustomer(id).then(response => {
          // console.log(response)
          this.form = response.data;
        });
      }

    },
    destroyed() {
      this.conductionData.customermerchantsdetails=null;
    },
    methods: {
      getList(){

      },
      cancel(){
        this.$router.go(-1);
      }
    }
  };
</script>
